// 导入Vue
import Vue from 'vue'
// 导入路由
import VueRouter from 'vue-router'
// 导入组件
import MyLogin from '@/views/MyLogin'
import MyHome from '@/views/MyHome'

// 安装路由
Vue.use(VueRouter)


// 设置路由规则的地方
// 什么叫路由规则？ 也就是设置哪个路径对应哪个组件
// 每条规则都是一个对象
const routes = [
  // name就是给路由起个名字，一般情况下名字跟组件名一样
  // path就是路径
  // component就是对应的组件 注意：这里不要加引号！这里不要加引号！这里不要加引号
  { name: 'MyLogin', path: '/login', component: MyLogin },
  { name: 'MyHome', path: '/home', component: MyHome }
]

// 实例化路由对象 -- 并使用上面定义好的规则
const router = new VueRouter({
  routes,
  // 使用history模式 -- 虽然好看，但是正式上线需要服务端做额外的配置
  // mode: 'history'
})

export default router
